﻿<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="STYLESHEET" type="text/css" id="SkinStyleSheet">
<title>WebNoteEditor</title>
<script language="javascript" type="text/javascript" src="../script/windialog.js"></script>
<script language="javascript" type="text/javascript">
window.onload=function()
{
	var positionValue;
	positionValue=srcObj.style.position;

	if (positionValue=="static" || positionValue=="")
	{
		positionValue="";
	}
	else
	{
		document.getElementById("InputTop").value=parseInt(srcObj.style.top);
		document.getElementById("InputLeft").value=parseInt(srcObj.style.left);
		EditorWindow._FormfocusRadio("position",positionValue,document);
	}

	__setBgSetting();
	__setWidthAndHeight();
	
	AutoResizeDialogWindow();
}

function __btnUse_onclick()
{
	var positionValue=EditorWindow._FormgetRadioValue("position",document);

	if (positionValue=="relative" || positionValue=="absolute")
	{
		srcObj.style.position=positionValue;
		srcObj.style.zIndex=document.getElementById("InputZindex").value;
		srcObj.style.top=document.getElementById("InputTop").value;
		srcObj.style.left=document.getElementById("InputLeft").value;
	}
	else
	{
		srcObj.style.position="";
		srcObj.style.zIndex="";
		srcObj.style.top="";
		srcObj.style.left="";
	}
	
	__applyWidthAndHeight();
	__applyBgSetting();
}

function __btnOk_onclick()
{
	__btnUse_onclick();
	window.returnValue=true;
	window.close();
}

function __btnCancel_onclick()
{
	window.close();
}
</script>
</head>

<body class="dialog">
<script language="javascript" type="text/javascript">dialogTitle("lang_attribute_div");</script>

<table border="0" width="100%">
  <tr>
    <td width="100%">
      <table border="0" width="100%">
        <tr>
          <td class="subtitle"><script language="javascript" type="text/javascript">dialogPrintlang("lang_layout");</script></td>
          <td class="hr">
            <hr size="1" color="#B3AC9D">
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td width="100%">
      <table border="0" width="100%" StyleLeft="0" StyleTop="0">
        <tr>
          <td width="25%" class="paddingleft"><script language="javascript" type="text/javascript">dialogPrintlang("lang_css_top");</script></td>
          <td width="25%">
            <input type="text" id="InputTop" size="8" class="dialogInput" datatype="number"><script language="javascript" type="text/javascript">dialogPrintlang("lang_pixel");</script>
            </td>
          <td width="25%"><input type="checkbox" id="Cellwidth" value="ON"><script language="javascript" type="text/javascript">dialogPrintlang("lang_width");</script><input type="text" id="InputWidth" size="11" disabled=true class="dialogInput" datatype="number"></td>
          <td width="25%"><input type="radio" value="px" name="CellWidthpx" checked disabled><script language="javascript" type="text/javascript">dialogPrintlang("lang_pixel");</script><input type="radio" value="%" name="CellWidthpx" disabled><script language="javascript" type="text/javascript">dialogPrintlang("lang_percent");</script></td>
        </tr>
        <tr>
          <td width="25%" class="paddingleft"><script language="javascript" type="text/javascript">dialogPrintlang("lang_css_left");</script></td>
          <td width="25%">
            <input type="text" id="InputLeft" size="8" class="dialogInput" datatype="number"><script language="javascript" type="text/javascript">dialogPrintlang("lang_pixel");</script>
           </td>
          <td width="25%"><input type="checkbox" id="Cellheight" value="ON"><script language="javascript" type="text/javascript">dialogPrintlang("lang_height");</script><input type="text" id="InputHeight" size="11" disabled class="dialogInput" datatype="number"></td>
          <td width="25%"><input type="radio" value="px" checked name="CellHeightpx" disabled><script language="javascript" type="text/javascript">dialogPrintlang("lang_pixel");</script><input type="radio" value="%" name="CellHeightpx" disabled><script language="javascript" type="text/javascript">dialogPrintlang("lang_percent");</script></td>
        </tr>
        <tr>
          <td width="25%" class="paddingleft" style="height: 26px"><script language="javascript" type="text/javascript">dialogPrintlang("lang_css_position");</script></td>
          <td width="50%" colspan="2" style="height: 26px">
            <input type="radio" value="" name="position" checked="checked"><script language="javascript" type="text/javascript">dialogPrintlang("lang_default");</script>
            <input type="radio" value="relative" name="position"><script language="javascript" type="text/javascript">dialogPrintlang("lang_css_relative");</script>
            <input type="radio" value="absolute" name="position"><script language="javascript" type="text/javascript">dialogPrintlang("lang_css_absolute");</script>
           </td>
          <td width="25%" style="height: 26px"><script language="javascript" type="text/javascript">dialogPrintlang("lang_css_zindex");</script><input type="text" id="InputZindex" size="11" class="dialogInput" datatype="number"></td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td width="100%">
      <table border="0" width="100%" StyleLeft="0" StyleTop="0">
        <tr>
          <td class="subtitle"><script language="javascript" type="text/javascript">dialogPrintlang("lang_background");</script></td>
          <td class="hr">
            <hr size="1" color="#B3AC9D">
          </td>
        </tr>
      </table>     
    </td> 
  </tr>
  <tr>
    <td width="100%">   
    <table border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="paddingleft"><script language="javascript" type="text/javascript">dialogPrintlang("lang_color");</script></td>
        <td><input type="text" id="InputBgColor" size="11" class="dialogInput"><input type="button" class="BtnSelectColor" onclick="javascript:selectColorIntoInput('InputBgColor',this);"></td>
      </tr>
      <tr>
        <td class="paddingleft" valign="top" style="padding-top:6px"><script language="javascript" type="text/javascript">dialogPrintlang("lang_background_image");</script></td>
        <td>
        	<input type="file" id="InputbackgroundImage" size="50"><br>
			<a id="backgroundImage" style="color:#000080"></a>
			<br>
			<a id="btnRemovebackgroundImage" style="cursor:pointer"><font color="#000080"><u><script language="javascript" type="text/javascript">dialogPrintlang("lang_background_image_remove");</script></u></font></a>
		</td>
      </tr>
    </table>
    </td> 
  </tr>
  <tr>
    <td width="100%">
    
    <table border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="paddingleft" width="60"><script language="javascript" type="text/javascript">dialogPrintlang("lang_background_positiony");</script></td>
        <td>
          	<select size="1" id="selectbackgroundPositionY" style="width:90px">
            	<option value=""><script language="javascript" type="text/javascript">dialogPrintlang("lang_default");</script></option>
            	<option value="top"><script language="javascript" type="text/javascript">dialogPrintlang("lang_vertical_align_top");</script></option>
				<option value="50%"><script language="javascript" type="text/javascript">dialogPrintlang("lang_vertical_align_middle");</script></option>
				<option value="bottom"><script language="javascript" type="text/javascript">dialogPrintlang("lang_vertical_align_bottom");</script></option>
            </select>
        </td>
        <td class="paddingleft" width="60"><script language="javascript" type="text/javascript">dialogPrintlang("lang_background_positionx");</script></td>
        <td><select size="1" id="selectbackgroundPositionX" style="width:90px">
            	<option value=""><script language="javascript" type="text/javascript">dialogPrintlang("lang_default");</script></option>
            	<option value="left"><script language="javascript" type="text/javascript">dialogPrintlang("lang_align_left");</script></option>
            	<option value="center"><script language="javascript" type="text/javascript">dialogPrintlang("lang_align_center");</script></option>
            	<option value="right"><script language="javascript" type="text/javascript">dialogPrintlang("lang_align_right");</script></option>
            </select>
        </td>
        <td class="paddingleft" width="60"><script language="javascript" type="text/javascript">dialogPrintlang("lang_repeat");</script></td>
        <td><select size="1" id="selectbackgroundRepeat" style="width:90px">
            	<option value="" selected><script language="javascript" type="text/javascript">dialogPrintlang("lang_default");</script></option>
            	<option value="repeat"><script language="javascript" type="text/javascript">dialogPrintlang("lang_repeat");</script></option>
            	<option value="repeat-x"><script language="javascript" type="text/javascript">dialogPrintlang("lang_repeatx");</script></option>
            	<option value="repeat-y"><script language="javascript" type="text/javascript">dialogPrintlang("lang_repeaty");</script></option>
                <option value="no-repeat"><script language="javascript" type="text/javascript">dialogPrintlang("lang_norepeat");</script></option>
            </select>
        </td>
      </tr>
    </table>
    
    </td> 
  </tr>
  <tr>
    <td width="100%" class="hr" align="right">
            <hr size="1" color="#B3AC9D">
	</td> 
  </tr>
  <tr>
    <td width="100%" align="right">
    	<script language="javascript" type="text/javascript">
    		if (srcObj.tagName=="DIV")
    			PrintButtons();
    		else
    			PrintButtons2();
    	</script>
	</td> 
  </tr>
</table>
</body>

</html>
